<template>

    <div v-bind:file="file">
        <div v-if="file.fileType==='pdf'">
            <pdf id="file-i"></pdf>
        </div>
        <div v-else-if="file.fileType==='docx'||file.fileType==='doc'">
            <word id="file-i"></word>
        </div>
        <div v-else-if="file.fileType==='xlsx'||file.fileType==='xls'">
            <excel id="file-i"></excel>
        </div>
        <div v-else-if="file.fileType==='ppt'||file.fileType==='pptx'">
            <ppt id="file-i"></ppt>
        </div>
        <div v-else-if="file.fileType==='html'">
            <mukeHtml id="file-i"></mukeHtml>
        </div>
        <div v-else-if="file.fileType==='rar'">
            <rar id="file-i"></rar>
        </div>
        <div v-else-if="file.fileType==='zip'">
            <zip id="file-i"></zip>
        </div>
        <div v-else-if="file.fileType==='txt'">
            <txt id="file-i"></txt>
        </div>
        <div v-else-if="file.type==='folder'">
            <folder id="file-i"></folder>
        </div>
        <div v-else>
            <other id="file-i"></other>
        </div>
    </div>
    
</template>

<script>
import pdf from '../icons/pdf';
import word from '../icons/word';
import excel from '../icons/excel';
import ppt from '../icons/ppt';
import txt from '../icons/txt';
import rar from '../icons/rar';
import zip from '../icons/zip';
import mukeHtml from '../icons/html';
import other from '../icons/other';
import folder from '../icons/folder';
export default {
    props:['file'],
    components:{
        pdf,word,excel,
        ppt,txt,rar,zip,
        mukeHtml,other,
        folder
    },
    
}
</script>

<style scoped>

</style>